<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
   1. Module是模块的意思, 为什么在Vuex中我们要使用模块呢?
        - Vue使用单一状态树,那么也意味着很多状态都会交给Vuex来管理.
        - 当应用变得非常复杂时,store对象就有可能变得相当臃肿.
        - 为了解决这个问题, Vuex允许我们将store分割成模块(Module),
           而每个模块拥有自己的state、mutations、actions、getters等
           
    2. modules里的a模块里的state，最终会放到state里面，所有展示数据的时候使用
        $store.state.a.name
    
    3. mutation里的方法不分模块，可以直接commit
      this.$store.commit('updateName','俊哲批')
      
    4. getters里的方法也不分模块，展示数据时使用：
        $store.getters.fullName
        
    5. 在模块里，有第三个参数，rootState
        fullName3(state,getters,rootState){
          return getters.fullName2 + rootState.counter
        }
 
    6. 模块里的actions里的context 指的是 在当前模块,
        context.commit提交的是模块里的mutation里的方法
-->
</body>
</html>